/* 基本布局和字体样式 */
.root {
    -fx-background-color: #f7f9fc;
    -fx-padding: 20;
}

/* 标题样式 */
.section-header {
    -fx-font-size: 20px;
    -fx-font-weight: bold;
    -fx-text-fill: #2c3e50;
    -fx-alignment: center;
}

/* 标题容器样式 */
.header-container {
    -fx-background-color: #f5f5f5;
    -fx-background-radius: 10;
    -fx-padding: 10;
}

/* 列表容器样式 */
.list-container {
    -fx-background-color: #ffffff;
    -fx-background-radius: 10;
    -fx-padding: 15;
    -fx-spacing: 15;
}

/* 列表视图样式 */
.list-view {
    -fx-background-color: #f8f9fa;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
    -fx-border-color: #e9ecef;
    -fx-border-width: 1;
    -fx-cell-size: 40px;
}

/* 列表项样式 */
.list-cell {
    -fx-font-size: 14px;
    -fx-padding: 8 8;
}

 /*列表项悬停效果 */
.list-cell:hover {
    -fx-background-color: #e9ecef;
}

 /*列表项选中效果 */
.list-cell:selected {
    -fx-background-color: #3498db;
    -fx-text-fill: white;
}

/* 列表项之间的分隔线 */
.list-cell {
    -fx-border-color: #e9ecef;
    -fx-border-width: 0 0 1 0;
}

/* 按钮基础样式 */
.button {
    -fx-background-radius: 5;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-padding: 8 16;
}

/* 抽签按钮样式 */
.draw-button {
    -fx-background-color: #3498db;
}

/* 导出按钮样式 */
.export-button {
    -fx-background-color: #2ecc71;
}

/* 确认按钮样式 */
.confirm-button {
    -fx-background-color: #3498db;
}

/* 取消按钮样式 */
.cancel-button {
    -fx-background-color: #e74c3c;
}

/* 按钮悬停效果 */
.button:hover {
    -fx-scale-x: 1.02;
    -fx-scale-y: 1.02;
    -fx-cursor: hand;
}

/* 按钮按下效果 */
.button:pressed {
    -fx-scale-x: 0.98;
    -fx-scale-y: 0.98;
}

/* Canvas 背景 */
.canvas-container {
    -fx-background-color: #f7f9fc;
    -fx-padding: 20;
}

